import React from 'react'
import { useState, useEffect } from 'react';

/**
 * React 的函数式组件（Function Components）和类式组件（Class Components）是两种不同的编写方式，它们有一些关键区别
 * 函数式组件 (Function Components)	类式组件 (Class Components)
 *  生命周期	使用 useEffect Hook 模拟生命周期。	直接使用生命周期方法（如 componentDidMount）。
 */

export default function Counter() {
  const [count, setCount] = useState(0);


  useEffect(() => {
    console.log("组件加载或更新");
  }, [count]);

  return (
    <button onClick={() => setCount(count + 1)}>
      点击次数: {count}
    </button>
  );
}
